/*
 * @Author: 自迩
 * @Date: 2022-03-22 17:03:25
 * @LastEditTime: 2022-03-22 19:48:02
 * @LastEditors: your name
 * @Description:
 * @FilePath: \class-ending-homework\src\components\Middle1\index.jsx
 */
import React from 'react'
import './index.css'
import box1 from '../../assets/images/box1.jpeg'
import box2 from '../../assets/images/box2.jpeg'
import box3 from '../../assets/images/box3.jpeg'
import box4 from '../../assets/images/box4.jpeg'

export default function Middle1() {
  return (
    <div className='middle1'>
        <h1 id="middle1-title">我们的宗旨</h1>
        <div className="middle1-box">
            <div>
                <p>自律独立思考</p>
                <img src={box1} alt=""/>
            </div>
            <div>
                <p>实践</p>
                <img src={box2} alt=""/>
            </div>
            <div>
                <p>总结回顾</p>
                <img src={box3} alt=""/>
            </div>
            <div>
                <p>分享交流</p>
                <img src={box4} alt=""/>
            </div>
        </div>
    </div>
  )
}
